<template>
  <!--
  filterable: 是否可搜索
  titles: 左边和右边显示的标题
  v-model: 右边卡片数据
  props: 指定数据取值显示禁用启用
    key: value的key
    label: 显示的文本key
    data: 绑定的数据
    filter-placeholder: 搜索框提示文字

  -->
  <el-transfer
    :filterable="true"
    :titles="['已获得','未获得']"
    v-model="right"
    :props="{
      key: 'value',
      label: 'desc'
    }"
    :data="left"
    filter-placeholder="请输入搜索内容"
  >
  </el-transfer>
</template>

<script>
export default {
  name: 'eotransfer',
  data: function () {
    return {
      left: [],
      right: []
    }
  },
  mounted: function () {
    for (let i = 0; i < 10; i++) {
      this.left.push({
        value: i,
        desc: '·测试·' + i,
        disabled: i % 4 === 0
      })
    }
  }
}
</script>

<style scoped>

</style>
